網頁頁面主要由三本柱撐起來，HTML、CSS和JavaScript。
將他們三個做比喻的話：
HTML如同畫畫的速寫般，只能呈現出最簡潔的畫面；
之後再使用CSS將他上色，變成生動的畫面；
最後再用JavaScript讓它不只是畫，變成能與你互動的動畫。
HTML因為是主輪廓，所以都是以有條理的方式一層一層包起來。
可以看到底下的範例，html 會需要對應的 /html
head 與 body 亦然，正常寫法是頭，加上 / 則為尾端的意思。
<!--註解長這樣-->
<!DOCTYPE html> <!--告訴網頁這是用HTML寫的-->
<html> <!--最基本的根元素-->
<head> <!--放置一些基本資訊的地方，不會顯示在頁面中-->
<meta charset="UTF-8"></meta> <!--聲明要用UTF-8讀取，否則會不能用中文-->
<title>這裡是標題</title> <!--網頁上方的主標題-->
</head>
<body> <!--內文-->
這裡是內文
Hello World ?
</body>
</html>
在打如這篇文章的網誌時，總不可能都一直用同樣的字體，
至少需要粗體、斜體，或改變字的大小等功能，這種時候就要使用標籤來做改變。
<h1>h1字體</h1>
<p>內文</p>
<br/>
<hr/>
要同時套用的話，就直接再包一層即可。
<p>內文當中有 <i>斜體</i> 有 <b>粗體</b> 有 <i><b>又斜又粗體</b></i></p>
<a href="https://ithelp.ithome.com.tw/"> iT邦幫忙首頁</a>
<!--若要連接伺服器內部其他網站-->
<a href="name.html"> 其他網站</a>
<img src="檔案名稱.jpg"/>
iThome鐵人賽
看影片追技術